
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html id="combinator-page" class="cocktails-page" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"
      xmlns:h="http://java.sun.com/jsf/html">
    <head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
	<link rel="stylesheet" type="text/css" href="t/common.css"/>
	<link rel="stylesheet" href="t/theme/2011.04/theme.css" type="text/css"/>

	<link rel="stylesheet" type="text/css" href="t/combinator.css"/>
	<title>Сочетайзер — Inshaker</title>
    </head>
    <body>
	<div id="top">
	    <div id="top-content">
		<h2><a class="logo" href="index.xhtml">inshaker.ru</a></h2>
		<ul class="nav">
		    <li><a href="cocktails.xhtml" class="cocktails">Коктейли</a></li>
		    <li><a href="combinator.xhtml" class="combinator">Сочетайзер</a></li>
		    <!-- <li><a href="/good/cocktail-shop/" class="goods">Покупки</a></li> -->
		    <li><a href="academy.xhtml" class="academy">Академия</a></li>
		    <li><a href="bars.xhtml" class="bars">Бары</a></li>
		    <li><a href="event/cocktail-news/" class="events">Новости</a></li>
		</ul>
	    </div>
	</div>

	<div id="main-wrapper">

	    <div class="column"><div class="body-wrapper" id="output">
		    <div class="b-title">
			<!-- <h1>Сочетайзер</h1> -->
			<div id="search-box">
			    <form>
				<input class="query" name="query" autocomplete="off" value=""/>
				<button class="button plus" type="button">+</button>
				<div class="reset">×</div>
				<button class="button search" type="submit">Найти!</button>
			    </form>
			    <ul class="autocomplete"><li class="item empty-message">такого ингредиента сочетайзер пока не знает</li></ul>
			</div>
			<div class="sort-line"><em class="cocktail-count">∞ коктейлей</em> <span class="sorted-word">отсортированы</span> <dl class="dropdown-select" id="sortby-select"><dt class="button"></dt><dd class="body"><ul class="options"></ul></dd></dl><!-- , украшения коктейлей не учитываются и штучки не учитываются -->:</div>
			<div class="sort-line empty"><em class="cocktail-count">0 коктейлей</em> с таким сочетанием. <a href="mailto:combinator-recipe@inshaker.ru">Возможно, ты знаешь рецепт?</a></div>
			<div class="help-line">Узнай, с чем смешать любимые ингредиенты, например: <a class="hint single"> </a> или <a class="hint double"> </a> </div>
			<a id="spotlighted"></a>
		    </div>

		    <div class="b-content">
			<div class="initial-block">
			    <div class="ingredients-list"></div>
			</div>

			<div class="result-block">
			    <div class="ingrediented-cocktail-list"></div>
			    <div class="stats"></div>
			</div>

			<div class="empty-block">
			    <dl class="suggestions empty">
				<dt>Посмотри другие сочетания:</dt>
				<dd>
				    <ul class="list"></ul>
				</dd>
			    </dl>

			</div>
		    </div>
		</div></div>
	</div>


	<div id="ingredient-info-popup" class="popup hidden">
	    <div class="popup-back"></div>
	    <div class="popup-front">
		<div class="popup-controls">
		    <a class="cross">×</a>
		</div>
		<div class="popup-window">
		    <div class="ingredient-window">
			<div class="description">
			    <div class="photo"><img class="image" src=""/></div>
			    <dl class="about">
				<dt class="mark"></dt>
				<dt class="name"></dt>
				<dt class="brand">Марка: <a class="link"></a></dt>
				<dd class="text"></dd>
				<dd class="all-cocktails">Посмотри <a class="link"></a>.</dd>
				<dd class="combinations">
							Хорошо сочетаются:
				    <ul class="list"></ul>
				</dd>
				<dd class="where-to-buy">Где купить: <a class="link"></a>.</dd>
			    </dl>
			</div>

			<div class="cocktail-list hidden">
			    <a class="prev"><span class="spacer"></span></a>
			    <a class="next"><span class="spacer"></span></a>
			    <div class="viewport">
				<div class="surface"></div>
			    </div>
			</div>
		    </div>
		</div>
	    </div>
	</div>


	<div id="bottom">
	    <span class="main-menu">
		<a href="index.xhtml" class="main">Журнал</a>   |
		<a href="cocktails.xhtml" class="cocktails">Коктейли</a>   |
		<a href="combinator.xhtml" class="combinator">Сочетайзер</a>   |
		<!-- <a href="good/cocktail-shop/" class="goods">Покупки</a>   |   -->
		<a href="academy.xhtml" class="academy">Академия</a>   |
		<a href="bars.xhtml" class="bars">Бары</a>   |
		<a href="event/cocktail-news/" class="events">Новости</a>
		<!-- <a href="/barmen.html" class="barmen">КГБ</a> -->
	    </span>

	    <a href="about.html#view-about" class="about">О проекте</a>   |
	    <a href="about.html#view-stat" class="about">Статистика</a>   |
	    <a href="job/" class="job">Есть работа</a><br/>
	    <span id="copyright">© <span class="year">2010</span> Inshaker.ru</span>

	    <div id="alcohol-harm"></div>
	</div>
	<div id="branded-image-holder">
	    <div class="center"><a id="branded-image"></a></div>
	</div>


	<script type="text/javascript" src="js/common/oops.js"></script>
	<!--[if lte IE 7]>
	<script type="text/javascript" src="/lib-0.3/core/fixes/trident3.js"></script>
	<script type="text/javascript" src="/lib-0.3/core/fixes/trident3-input-selection.js"></script>
	<![endif]-->
	<!--[if IE 8]>
	<script type="text/javascript" src="/lib-0.3/core/fixes/trident4.js"></script>
	<script type="text/javascript" src="/lib-0.3/core/fixes/trident4-input-selection.js"></script>
	<![endif]-->
	<script type="text/javascript" src="js/common/common-0.3.js"></script>
	<script type="text/javascript" src="js/common/cocktails.js"></script>
	<script type="text/javascript" src="js/entities/Cocktail.js"></script>
	<script type="text/javascript" src="js/entities/Ingredient.js"></script>
	<script type="text/javascript" src="js/combinator/combinator.js"></script>
    </body>
</html> 